.login-container {
    background-size: 100% auto;
    min-height: 800px;

    .logo {
        width: 400px;
    }

    .login-content {
        width: 1100px;
        height: 610px;
        box-shadow: 5px 10px 9px 0 rgb(204 211 232 / 44%);

        .form-box {
            padding: 85px 60px;

            .welcome::before {
                @apply absolute;
                content: '';
                z-index: -10;
                width: 340px;
                height: 15px;
                bottom: -3px;
                border-radius: 4px;
                background: #F3F3F3;
            }

            .ruleForm {
                margin-top: 90px;

                .el-form-item {
                    @apply mb-0 w-full;x

                    .el-input__wrapper{
                        @apply pl-0 pr-0 !important;
                    }

                    .el-input__suffix{
                        @apply pr-14;
                    }
                }
            }

            .el-button {
                box-shadow: 5px 5px 9px 0 rgb(251 127 48 / 44%);
                @apply text-16 mt-20 w-full bg-primary;
                height: 50px;
            }
        }
    }
}
